<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>

        肯德基优惠券 -- 慢慢买
    </title>
    <!--引用第三方样式 -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css"/>
    <!-- 引用样式重置文件-->
    <link rel="stylesheet/less" href="./css/base.less"/>
    <!-- 引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/page.less"/>
    <!-- 引用less.js-->
    <script src="./lib/less/less.min.js"></script>

</head>
<body>
    <!--头部 -->
    <header id="header" class="clearfix">
        <a href="#" class="back fl">
            <p class="glyphicon glyphicon-menu-left"></p>
        </a>
        <h1 class="fl">肯德基优惠券</h1>
        <a href="#" class="app fr">
            <img src="./images/header_app.png" alt=""/>
        </a>
    </header>
    <!-- 提示信息-->
    <scetion id="pro">
        <p>--点餐前出示手机中的优惠券，即可享受优惠--</p>
    </scetion>

    <!-- 详细信息-->
    <scetion id="item">


    </scetion>

    <!--首页--优惠券--肯德基优惠券-->
    <section id="tit">
            <a href="#">首页</a>
            &nbsp;>&nbsp;
            <a href="#">优惠券</a>
            &nbsp;>&nbsp;
            <a href="#">肯德基优惠券</a>

    </section>

    <!-- 间隔1-->
    <div class="white1"></div>
<!--底部-->
<footer id="footer">
    <a href="javascript:" class="one">登录</a>
    <a href="javascript:" class="two">注册</a>
    <a href="#" class="three">
        <img src="./images/top.jpg" alt=""/>
        返回顶部
    </a>
</footer>

    <!-- 底部信息-->
    <section id="end">
        <p class="first">
            <a href="javascript:" class="one">手机APP下载</a>
            <a href="#" class="two">慢慢买手机版</a>
            <a href="#" class="three"> -- 掌上比价平台</a>
        </p>
        <p class="sec">
            m.manmanbuy.com
        </p>
    </section>


    <!-- 点击箭头全屏变成一张图片-->

    <section class="img">
        <div>
            <div class="right fr glyphicon glyphicon-menu-right
">
            </div>
            <div class="newImg">

            </div>

            <div class="left fl glyphicon glyphicon-menu-left">
                </div>
        </div>
    </section>



</body>

<script type="text/template" id="tem_p">
    {{each result as value i}}
    <div class="one clearfix" >
        <a href="#" class="fl">
            {{#value.couponProductImg}}
        </a>
        <div class="word">
            <p class="w1">{{# value.couponProductName}}</p>
            <p class="w2"><span></span>{{# value.couponProductPrice}}</p>
            <p class="w3">{{# value.couponProductTime}}</p>
        </div>
        <div class="sign fr">
            <p class=" glyphicon glyphicon-menu-right"></p>
        </div>

    </div>

    {{/each}}


</script>

    <!--轮播图的数据-->







<!--引用jq的库-->
<script src="./lib/jquery/jquery.js"></script>
<!--引用 bootstrap的库-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<!--引用自己的库-->
<script src="./js/page.js"></script>
</html>